<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>订单详情</title>

		<link href="css/admin.css" rel="stylesheet" type="text/css">
		<link href="css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="css/personal.css" rel="stylesheet" type="text/css">
		<link href="css/orstyle.css" rel="stylesheet" type="text/css">
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/amazeui.js" type="text/javascript"></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="js/common.js"></script>
	</head>

	<body>
	<!-------------------------------------- 头部开始 -------------------------------------->
<div id="app">	
<top></top>
<bar></bar>
<b class="line"></b>
<!-------------------------------------- 头部结束 -------------------------------------->

<!-------------------------------------- 内容开始 -------------------------------------->

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
<!--------------------------------------标题开始 -------------------------------------->
						<div class="am-cf am-padding">
							<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">订单详情</strong> / <small>Order&nbsp;details</small></div>
						</div>
						<hr/>
						
						
<!-----------------------------------进度条开始------------------------------------>





						
						<div class="m-progress">
							<div class="m-progress-list">
								<span class="step-1 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">1<em class="bg"></em></i>
                                   <p class="stage-name">收到订单</p>
                                </span>
								<span class="step-2 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">2<em class="bg"></em></i>
                                   <p class="stage-name">电话预约</p>
                                </span>
								<span class="step-3 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">3<em class="bg"></em></i>
                                   <p class="stage-name">确认上门</p>
                                </span>
								<span class="step-4 step">
                                   <em class="u-progress-stage-bg"></em>
                                   <i class="u-stage-icon-inner">4<em class="bg"></em></i>
                                   <p class="stage-name">维修完成</p>
                                </span>
								<span class="u-progress-placeholder"></span>
							</div>
							<div class="u-progress-bar total-steps-2">
								<div class="u-progress-bar-inner"></div>
							</div>
						</div>
<!-----------------------------------进度条结束------------------------------------>
                        

						<div class="order-infoaside">
							<div class="order-logistics">
									<div class="icon-log">
										<i><img src="images/getAvatar.do.jpg"></i>
									</div>
									<div class="latest-logistics">
										<p class="text">维修人员：无敌小王八</p>
										<div class="time-list">
											<span class="date">预约时间:</span>
											<br>
											<span class="week">2021/12/01&nbsp;&nbsp;15:35:42</span>
										</div>
									
									</div>
									<span class="am-icon-angle-right icon"></span>
								
								<div class="clear"></div>
							</div>
							<div class="order-addresslist">
								<div class="order-address">
									<div class="icon-add">
									</div>
									<p class="new-tit new-p-re">
									    <span class="new-txt">客户姓名：</span>
										<span class="new-txt">小叮当</span>
										<br>
										<span class="new-txt-rd2">联系电话：</span>
										<span class="new-txt-rd2">15945671622</span>
									</p>
									<div class="new-mu_l2a new-p-re">
										<p class="new-mu_l2cw">
											<span class="title">客户地址：</span>
											<br>
											<span class="city">青岛</span>市
											<span class="dist">市南</span>区
											<br>
											<span class="street">中联广场B1座三楼万码学堂301</span></p>
									</div>
								</div>
							</div>
						</div>
				<div class="order-infomain">
				    <div class="order-top">
				        <div class="order-title">
				            <div class="dd-num">&nbsp;&nbsp;&nbsp;&nbsp;订单编号：<a href="javascript:;">1601430</a></div>
                        <div class="dd-num">
                            <span>上门时间：2021/12/01&nbsp;&nbsp;15:35:42</span>
				        </div>
                            <hr>
				        </div>	
				        <div class="dd-num">
				            <td class="td-inner">&nbsp;&nbsp;&nbsp;&nbsp;地址：</td>
				        </div>			
				        <div class="th th-price">
				            <td class="td-inner">手机号码：</td>
				        </div>				
				        <div class="th th-operation">
				            <td class="td-inner">故障类型</td>
				        </div>
				        <div class="th th-change">
				            <td class="td-inner"></td>
				        </div>
				    </div>
                    <div class="order-main">
				        <div class="order-status3">
				            <div class="order-content">
								<div class="order-left">
								    <ul class="item-list">
								        <li class="td td-item">
								            <div class="item-info">
												<div class="item-basic-info">
												    青岛市/市南区<br>中联广场B1座三楼万码学堂301
												</div>
								            </div>
								        </li>				
								        <li class="td td-price">
								            <div class="item-price">
												18427493329
								            </div>
								        </li>	
								        <li class="td td-operation">
											<div class="item-operation">
												待定
											</div>
										</li>
								        <li class="td td-ch">
								            <div class="am-btn am-btn-danger anniu">
												点击返回
								            </div>
								        </li>
								    </ul>
								</div>
				            </div>
				        </div>
					</div>
				</div>
			</div>
		</div>

<!-------------------------------------- 内容结束 -------------------------------------->
<!-------------------------------------- 尾部开始 -------------------------------------->
<end></end>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->
			
<!-------------------------------------- 侧边导航栏开始 -------------------------------------->
	<ban></ban>
			</div>
        </div>
        
<!-------------------------------------- 侧边导航栏结束 -------------------------------------->
	</body>
</html>



<script>

var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>
